<template>
    <div class="header ">
      <div class="header-inner">
        <div class="header-logo">
          <img 
            width="300"
            src="../assets/img/index/logo@2x.png" />
        </div>
        <div class="header-nav">
          <ul>
            <!--                        -->
            <li class="header-nav-menu" :class="urlName === 'index' ? 'cur' : ''">
              <router-link to="index" class="menu-name">首页</router-link>
            </li>
            <!--解决方案-->

            <li class="header-nav-menu" :class="urlName === 'solution' ? 'cur' : ''">
              <router-link class="menu-name" to="solution">产品解决方案</router-link>
              <ul class="header-subnav subnav-solution">
                <li class="header-subnav-menu">
                  <h4>智慧城管及大数据</h4>

                  <a
                    class=""
                    href="product-class_id-131-seo_config_id-145.html"
                  >
                    智慧城管大数据
                  </a>

                  <a
                    class=""
                    href="product-class_id-146-seo_config_id-145.html"
                  >
                    智慧城管一体化平台
                  </a>

                  <a
                    class=""
                    href="product-class_id-152-seo_config_id-145.html"
                  >
                    人工智能视频监督
                  </a>

                  <a
                    class=""
                    href="product-class_id-160-seo_config_id-145.html"
                  >
                    共建共治共享公众服务
                  </a>
                </li>
                <li class="header-subnav-menu">
                  <h4>智慧环卫</h4>

                  <a
                    class=""
                    href="product-class_id-106-seo_config_id-115.html"
                  >
                    智慧环卫一体化管理云平台
                  </a>

                  <a
                    class=""
                    href="product-class_id-148-seo_config_id-115.html"
                  >
                    保洁人员智慧管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-144-seo_config_id-115.html"
                  >
                    保洁车辆智慧管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-150-seo_config_id-115.html"
                  >
                    智慧公厕管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-149-seo_config_id-115.html"
                  >
                    垃圾收运智慧管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-143-seo_config_id-115.html"
                  >
                    “滴滴”式大件垃圾收运
                  </a>

                  <a
                    class=""
                    href="product-class_id-161-seo_config_id-115.html"
                  >
                    环卫共建共治共享公众服务
                  </a>
                </li>
                <li class="header-subnav-menu">
                  <h4>智慧执法</h4>

                  <a
                    class=""
                    href="product-class_id-105-seo_config_id-114.html"
                  >
                    智慧执法管理云平台
                  </a>

                  <a
                    class=""
                    href="product-class_id-121-seo_config_id-114.html"
                  >
                    可视化指挥调度
                  </a>

                  <a
                    class=""
                    href="product-class_id-125-seo_config_id-114.html"
                  >
                    智慧案件管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-154-seo_config_id-114.html"
                  >
                    渣土运输智慧管理
                  </a>

                  <a
                    class=""
                    href="product-class_id-123-seo_config_id-114.html"
                  >
                    4G执法视频图传
                  </a>
                </li>
                <li class="header-subnav-menu">
                  <h4>网格化城市管理</h4>

                  <a
                    class=""
                    href="product-class_id-155-seo_config_id-127.html"
                  >
                    数字化城市管理
                  </a>

                  <a
                    class=""
                    href="solution_daliandong-class_id-129-seo_config_id-127.html"
                  >
                    创新网格化社会治理联动
                  </a>
                </li>
              </ul>
            </li>
            <!--                        -->
            <li class="header-nav-menu" :class="urlName === 'service' ? 'cur' : ''">
              <router-link to="service" class="menu-name">服务支持</router-link>
              <ul class="header-subnav">
                <li class="subnav-item">
                  <a href="service.html#0">咨询规划服务</a>
                </li>
                <li class="subnav-item">
                  <a href="service.html#1">定制设计服务</a>
                </li>
                <li class="subnav-item">
                  <a href="service.html#2">培训实施服务</a>
                </li>
                <li class="subnav-item">
                  <a href="service.html#3">安全运维服务</a>
                </li>
              </ul>
            </li>
            <!--                        -->
            <li class="header-nav-menu" :class="urlName === 'brand' ? 'cur' : ''">
              <router-link to="brand" class="menu-name">产品荣誉</router-link>
            </li>
            <!--                        -->
            <li class="header-nav-menu" :class="urlName === 'info' ? 'cur' : ''">
              <router-link to="info" class="menu-name">资讯动态</router-link>
            </li>
            <!--                        -->
            <li class="header-nav-menu" :class="urlName === 'about' ? 'cur' : ''">
              <router-link to="about" class="menu-name">关于颐东</router-link>
              <ul class="header-subnav">
                <li class="subnav-item"><a href="about.html#0">公司概况</a></li>
                <li class="subnav-item"><a href="about.html#1">发展历史</a></li>
                <li class="subnav-item"><a href="about.html#2">团队介绍</a></li>
                <li class="subnav-item"><a href="about.html#3">研发实力</a></li>
                <li class="subnav-item"><a href="about.html#4">企业精神</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
</template>

<script>
export default {
    name : 'headers',
    data () {
        return {
            urlName : ''
        }
    },
    created () {
        this.urlName = this.$route.name;
    }
}
</script>